<?xml version="1.0" encoding="UTF-8"?>

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">	
	
	<xsl:include href="../main.xsl" />
	<xsl:include href="menu.xsl" />
	<xsl:include href="../common/form.xsl" />

	<xsl:template match="/data">
		<html>
		
		<head>
			<title>
				<xsl:value-of select="$pageTitle" />
			</title>
			<xsl:call-template name="meta-head" />
			<link rel="stylesheet" href="{$baseURI}/css/users/avatars-manager.css" type="text/css" media="all" />
		</head>
		<body>
			
			<xsl:call-template name="top-userbar" />

			<div class="page-header">
				<xsl:call-template name="logo" />

				<xsl:call-template name="menu" />
			</div>

			<div class="page-content-wrapper">
				<div class="page-blocks">
					<xsl:call-template name="default-blocks-top" />
				</div>
	
				<div class="page-content">
					<xsl:apply-templates select="response" />
				</div>
			</div>

			<xsl:call-template name="footer" />
		</body>
		</html>
	</xsl:template>
	
	
	<xsl:template match="response">
		<h1>Настройки профиля</h1>
		
		<div class="tabs">
			<ul>
				<li>
					<a href="{$baseURI}/users/edit_profile">Личные</a>
					
					<i class="corner-mask-eee-5 tl"></i>
					<i class="corner-mask-eee-5 tr"></i>
					<i class="corner-mask-eee-5 br"></i>
					<i class="corner-mask-eee-5 bl"></i>
				</li>
				<li class="selected">
					<a href="{$baseURI}/users/avatars_manager">Аватары</a>
					
					<i class="corner-mask-eee-5 tl"></i>
					<i class="corner-mask-eee-5 tr"></i>
					<i class="corner-mask-eee-5 br"></i>
					<i class="corner-mask-eee-5 bl"></i>
				</li>
				<li>
					<a href="{$baseURI}/users/site_settings">Сайт</a>
					
					<i class="corner-mask-eee-5 tl"></i>
					<i class="corner-mask-eee-5 tr"></i>
					<i class="corner-mask-eee-5 br"></i>
					<i class="corner-mask-eee-5 bl"></i>
				</li>
				<li>
					<a href="{$baseURI}/users/change_password">Смена пароля</a>
					
					<i class="corner-mask-eee-5 tl"></i>
					<i class="corner-mask-eee-5 tr"></i>
					<i class="corner-mask-eee-5 br"></i>
					<i class="corner-mask-eee-5 bl"></i>
				</li>
				<li>
					<a href="{$baseURI}/users/delete_profile">Удаление профиля</a>
					
					<i class="corner-mask-eee-5 tl"></i>
					<i class="corner-mask-eee-5 tr"></i>
					<i class="corner-mask-eee-5 br"></i>
					<i class="corner-mask-eee-5 bl"></i>
				</li>
			</ul>
		</div>
		
		<xsl:apply-templates select="error" />
		
		<form action="{$baseURI}/users/avatars_manager" method="post" enctype="multipart/form-data">
			<ul class="avatars-list">
				<xsl:for-each select="object[@type='avatar']">
					<li>
						<xsl:if test="@active = '1'">
							<xsl:attribute name="class">active</xsl:attribute>
						</xsl:if>
						<div class="image">
							<img alt="">
								<xsl:attribute name="src">
									<xsl:value-of select="concat ($baseURI, '/thumb_100_100', property[@name='image']/value)" />
								</xsl:attribute>
							</img>
						</div>
						<div clas="controls">
							<input type="radio" name="selected" id="set_active_{@id}" value="{@id}">
								<xsl:if test="@active = '1'">
									<xsl:attribute name="checked">checked</xsl:attribute>
								</xsl:if>
							</input>
							<label for="set_active_{@id}">активный</label>
							<br />
							<input type="checkbox" id="delete_{@id}" name="delete[]" value="{@id}" />
							<label for="delete_{@id}">удалить</label>
						</div>
					</li>
				</xsl:for-each>
			</ul>
				
			<div class="upload-avatar">
				<xsl:if test="@used &lt; @allowed">
					<p>
						<xsl:text>Новый аватар: </xsl:text>
						<input type="file" name="data[new][image]" /><xsl:text> </xsl:text>
						<input type="checkbox" name="setactive" value="1" id="setactive" /> <label for="setactive">Сделать активным</label>
						<xsl:text> </xsl:text><input type="submit" name="upload" value="Загрузить" />
					</p>
					<p>
						<xsl:value-of select="concat('Вы загрузили ', @used, ' изображений из ', @allowed, ' возможных.')" />
					</p>
				</xsl:if>
				<xsl:if test="@used &gt;= @allowed">
					<strong>Вы используете все места, отведенные для аватаров. Чтобы загрузить другие изображения, удалите один аватар или более.</strong>
				</xsl:if>
				
				<i class="corner-f8-10 tl"></i>
				<i class="corner-f8-10 tr"></i>
				<i class="corner-f8-10 br"></i>
				<i class="corner-f8-10 bl"></i>
			</div>
			
			<p>
				<input type="submit" name="save" value="Сохранить" />
			</p>
		</form>
	</xsl:template>
	
</xsl:stylesheet>